<template>
  <div>
    <h1></h1>
    <ChaCaoZi>
      <template slot="one">
        <div>
          <h2>最新娱乐资讯</h2>
          <p>明星八卦、影视资讯等内容...</p>
        </div>
      </template>

      <template slot="two">
        <div>
          <h2>军事动态</h2>
          <p>国防政策、军事演习等内容...</p>
        </div>
      </template>

      <template slot="three">
        <div>
          <h2>时政要闻</h2>
          <p>政策解读、国际关系等内容...</p>
        </div>
      </template>

      <template v-slot:arr="{shuzu}">
        <h1>⽤插槽实现在⼦组件中定义⼀个数组，⽗组件中展示出来{{shuzu}}</h1>
      </template>
    </ChaCaoZi>
  </div>
</template>

<script>
import ChaCaoZi from "@/components/ChaCaoZi.vue";
export default {
  components: {
    ChaCaoZi,
  },
  data() {
    return {};
  },
};
</script>
<style>
</style>
